<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>显示隐藏之overflow溢出隐藏</title>
    <style>
        .peppa {
            /* 1:overflow:visible（默认值），不隐藏，不加滚动条。 */
            /* overflow: visible; */
            /* /////////////////////// */

            /* 2：overflow：hidden溢出（超出）部分隐藏，不显示超出尺寸的内容。 */
            /* overflow: hidden; */
            /* //////////////////////////// */

            /* 3：overflow-scroll 不管超不超出内容，总是添加滚动条。 */
            /* overflow: scroll; */
            /* /////////////////////////////// */
            
            /* 4：overflow：auto（自适应，应该是常有的） 超出对象尺寸自动加滚动条，不超出则不加滚动条 */
            overflow: auto;
            width: 200px;
            height: 200px;
            border: 3px solid pink;
            margin: 100px auto;
        }
    </style>
</head>

<body>
    <div class="peppa">
        另一方面，中国企业努力发挥自身优势促进发展，特别是坚持创新驱动。
        化智能改产效率提高了30%以上，有力保证了订单的生产
        在位于中国东部浙江省的一家制造业企业加工车间，偌大的厂房里只绍，通过数字 
        
    </div>
</body>

</html>